.alarm-flex{
    display: -moz-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction:column;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
}
.alarm-full{
    -moz-flex:1;
    -webkit-box-flex:1;
        -ms-flex:1;
            flex:1;
}
.alarm-list{
    width: 100%;
    height: 100%;
}
.alarm-main-fault{
    width: 100%;
    height: 100%;
}
.alarm-main-header{
    height: 40px;
    border-bottom: 2px solid #86bdec;
    padding: 0 20px;
    margin-right:10px; 
}
.alarm-main-header span {
    display: inline-block;
    width: 100px;
    height: 100%;
    line-height: 40px;
    color: #93cdff;
    cursor: pointer;
    border:1px solid #86bdec;
    border-bottom: 2px solid transparent;
    background: #092845;
    text-align: center;
    font-size: 14px;
    position: relative;
    opacity: 0.4;
    bottom: 0;
}
.alarm-main-header span.on{
    opacity: 1;
    bottom: -2px;
}
.alarm-main-content{
    overflow: hidden;
}
.alarm-table{
    -webkit-box-flex:1;
        -ms-flex:1;
            flex:1;
    /* padding: 10px; */
    height: calc(100% - 92px);
    /* margin-top: 10px; */
    overflow: hidden;
}
.alarm-table td{
    text-align: center;
    
}
.alarm-table span{
    padding:  3px 20px;
    border-radius: 5px;
    text-align: center;
}
#alarm-table td{
    overflow: hidden!important;
}
/*===========================================*/
.alarm-hide {
    display: none;
}
/* 表格控件样式 */
/*===========================================*/
:host/deep/ .ui-datatable table{
    border-collapse: collapse;
    width: 100%;
    table-layout: auto;
}
/* thead */
:host/deep/ .ui-datatable th.ui-state-default{
    color: white;
    background-color: #9f9b63;
}
:host/deep/ .ui-datatable tbody > tr.ui-widget-content{
    border: 1px solid #555;
}
:host/deep/ .ui-column-title{
    width: 10px;
    height: 10px;
}
/* th */
:host/deep/ .ui-widget-content{
    border: 1px solid #555;
    background: #064e8b;
    color: #fff; 
    text-align: center;
}
:host/deep/ .ui-datatable tbody > tr.ui-widget-content.ui-datatable-odd{
    border: 1px solid #555;
    background: #064e8b;
    color: #fff; 
}
/* tfoot */
:host/deep/ .ui-paginator-bottom{
    border: none;
    background: rgba(18,48,100, 0.6);
}
:host/deep/ .ui-state-default{
    border: #555;
    background: #0360a6;
    color: #fff;
}
:host/deep/ .ui-paginator a:not(.ui-state-disabled):not(.ui-state-active):hover{
    background: #fba059;
    color: #fff;
}
/*===========================================*/
.alarm-hide {
    display: none;
}
:host/deep/ .ui-widget-content .ui-datatable-emptymessage{
    opacity: 0!important;
    
}
:host/deep/ .ui-paginator .ui-paginator-page.ui-state-active {
    background: #fba059;
}
:host/deep/ .ui-datatable .ui-datatable-thead>tr>th,:host/deep/ .ui-datatable .ui-datatable-tfoot>tr>td,:host/deep/ .ui-datatable .ui-datatable-data>tr>td{
    padding: 0;
    height: 30px;
    
}
.alarm-table[_ngcontent-c28] span[_ngcontent-c28] {
    padding: 3px 20px;
    border-radius: 5px;
    text-align: center;
}
:host/deep/ .ui-datatable-tablewrapper{
    overflow-x: auto;
}









